.cycle-slogn{
  width: 100%;
  height: 622rpx;
  position: relative;

  image {
    width: 100%;
    height: 100%;
  }

  .cycle{
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;

    &.cycle1{
      width: 180rpx;
      height: 180rpx;
      background: rgba(255,255,255,0.6);
      margin: -90rpx 0 0 -90rpx;
      z-index: 2;
    }

    &.cycle2{
      width: 382rpx;
      height: 382rpx;
      background: rgba(255,255,255,0.2);
      margin: -191rpx 0 0 -191rpx;
      z-index: 1;

      .icon1{
        width: 36rpx;
        height: 36rpx;
        background: rgba(255,255,255,0.6);
        position: absolute;
        top: 50%;
        left: -18rpx;
        margin: -18rpx 0 0 0;
        border-radius: 50%;
      }

      .icon2{
        width: 62rpx;
        height: 62rpx;
        position: absolute;
        top: 40rpx;
        left: 303rpx;
        border-radius: 50%;
      }
    }

    &.cycle3{
      width: 622rpx;
      height: 622rpx;
      background: rgba(255,255,255,0.1);
      margin: -311rpx 0 0 -311rpx;

      .icon3{
        width: 80rpx;
        height: 80rpx;
        position: absolute;
        top: 476rpx;
        left: 36rpx;
        border-radius: 50%;
      }

      .icon4{
        width: 60rpx;
        height: 60rpx;
        position: absolute;
        top: 448rpx;
        left: 551rpx;
        border-radius: 50%;
      }
    }
  }

  .logo{
    width: 137rpx;
    height: 127rpx;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -63rpx 0 0 -68.5rpx;
    z-index: 3;

    image {
      width: 100%;
      height: 100%;
    }
  }
}